html,
body {
	overflow: hidden;
	line-height: 1.15;
}
.app-index {
	height: 100%;
	padding-bottom: 85px;
	overflow-y: scroll;

	&::-webkit-scrollbar {
		display: none;
		-webkit-overflow-scrolling: touch;
	}
	.slideshow {
		height: 200px;
		background-color: #e8e8e8;
		li {
			text-align: center;
			line-height: 200px;
			height: 200px;
			i {
				font-size: 26px;
			}
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
	}

	.content {
		justify-content: space-around;
		flex-wrap: wrap;
		padding: 0 5px;
		.item {
			border-radius: 15px;
			position: relative;
			padding: 20px 10px 10px;
			min-width: 120px;
			height: 130px;
			margin: 15px 10px 0;
		}

		.rank {
			flex: 3;
			background: #54b0da url(../../assets/images/index-card-rank.png) no-repeat;
			background-size: 112px 100px;
			background-position: -12px 35px;
			height: 150px;
			.rankNum {
				position: absolute;
				right: 20px;
				bottom: 20px;
				font-size: 30px;
				font-weight: bold;
			}
		}
		.clockIn {
			flex: 4;
			background: #9fd9f8 url(../../assets/images/index-card-sum.png) no-repeat
				center;
			background-size: 112px 100px;
			background-position: 10px 35px;
			height: 150px;
		}
		.rank,
		.clockIn {
			margin: 15px 10px 0;
			position: relative;
			.clockInBtn {
				color: #005177;
				border: 2px solid #005177;
				border-radius: 15px;
				position: absolute;
				right: 30px;
				bottom: 30px;
				padding: 6px 12px;
				font-weight: bold;
			}
		}
		.dataAnalysis {
			background: url(../../assets/images/dongman-01.jpg) no-repeat center;
			background-size: cover;
		}
		.badge {
			background: #9dbde3 url(../../assets/images/index-card-badge.png)
				no-repeat center;
			background-size: 100px;
			background-position: 10px 35px;

			p {
				position: absolute;
				right: 20px;
				bottom: 2px;
				font-weight: bold;
			}
		}

		.drill {
			background: url(../../assets/images/dongman-03.jpg) no-repeat;
			background-size: cover;
		}
		.running {
			background: url(../../assets/images/dongman-02.jpg) no-repeat;
			background-size: cover;
		}
	}
}
